

import { Button } from 'antd';
import { inject, observer } from 'mobx-react';
import React from 'react'
import LoadingDrewer from '../../store/loadingDrewer';
import'./LoadingTest.less'

@inject("loadingDrewer")
@observer
class LoadingTest extends React.Component {
    get loadingDrewer () {
        return (this.props as any).loadingDrewer as LoadingDrewer
    }
    showDrawer = () => {
        const md: string = `### html`
        this.loadingDrewer.setMd(md)
        this.loadingDrewer.setVisible(true)
    };

    render() {
        return (
            <div className="LoadingTest Loading">
                <div className="demoshow">
                    <div className="loading">
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                        <span></span>
                    </div>
                </div>
                <div className="bottomBtn">
                    <Button type="primary" onClick={this.showDrawer}>{`<code />`}</Button>
                </div>
            </div>
        )
    }
}

export default LoadingTest